import { themeColors } from './src/styles/colors.js'

export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      container: {
        center: true,
        padding: '1rem'
      },
      colors: {
        primary: themeColors.primary,
        secondary: themeColors.secondary,
        success: themeColors.success,
        warning: themeColors.warning,
        danger: themeColors.danger,
        neutral: themeColors.neutral,
        // 使用自定义颜色
        'bg': {
          light: themeColors.background.light,
          dark: themeColors.background.dark,
        },
        'text': {
          light: themeColors.text.light,
          dark: themeColors.text.dark,
        },
        'border': {
          light: themeColors.border.light,
          dark: themeColors.border.dark,
        },
        'divider': {
          light: themeColors.divider.light,
          dark: themeColors.divider.dark,
        }
      }
    },
  },
  plugins: [],
}